<template>
  <div id="app">
    <keep-alive include="">
       <router-view/>
    </keep-alive>
    <Tarbar>
           <TarbarItem  path="/home"   activeColorText="#999">
                 <img src="~assets/hous.png" slot="icon-type" alt="">
                 <span slot="icon-txt">首页</span>
           </TarbarItem>
              <TarbarItem  path="/trade" activeColorText="#999">
                      <img src="~assets/hous.png" slot="icon-type" alt="">
                 <span slot="icon-txt">行情</span>
           </TarbarItem>
              <TarbarItem  path="/hold" activeColorText="#999">
                     <img src="~assets/hous.png" slot="icon-type" alt="">
                 <span slot="icon-txt">持仓</span>
           </TarbarItem>
              <TarbarItem  path="/asset" activeColorText="#999">
                   <img src="~assets/hous.png" slot="icon-type" alt="">
                 <span slot="icon-txt">资产</span>
           </TarbarItem>
           <TarbarItem  path="/profile" activeColorText="#999">
                  <img src="~assets/hous.png" slot="icon-type" alt="">
                  <span slot="icon-txt">我的</span>
           </TarbarItem>
    </Tarbar>
  </div>
</template>
<script>
import Tarbar from '@/components/tarBar/Tarbar.vue'
import TarbarItem from '@/components/tarbaritem/TarBarItem.vue'
export default{
  name:'App',
  components:{
      Tarbar,
      TarbarItem
  }
}
</script>

<style lang="scss">
#app {
  position: fixed;
  top: 0;
  left:0;
  right:0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
</style>
